<!DOCTYPE html>
<!-- saved from url=(0089)http://www.101test.com/reportDetail/43713549?paperId=455313&groupId=&candidateId=12000753 -->
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title> 学生查看报告 </title>
<!--<base href="http://www.101test.com/">--><base href=".">

<meta name="keywords" content="考试系统,在线考试系统,网上考试系统,手机考试系统,防作弊考试系统,企业考试系统,微信考试系统,在线考试,资格证模考,模考试卷/题库,知识竞赛系统,校园招聘考试,电子作业系统云平台">
<meta name="description" content="百一测评是亚信科技(中国)旗下强大的免费的考试系统。其庞大的用户群包括：[一]企业事业类：校园招聘大规模在线笔试、员工考核、人才职业测评，能力测评，技能测评；[二]学校类：K12电子作业平台、技工学校技能评测、高校知识竞赛；[三]资格证模考：在线模考试卷、资格证题库等。同时支持手机考试、电脑考试的企业级考试平台和在线考试系统。">
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<script charset="utf-8" src="../css/marking_files/v.js.下载" th:src="@{static/css/marking_files/v.js.下载}"></script>
<script src="../css/marking_files/hm.js.下载" th:src="@{static/css/marking_files/hm.js.下载}"></script>
<script type="text/javascript" src="../css/marking_files/qrcode.js.下载" th:src="@{static/css/marking_files/qrcode.js.下载}"></script>
<script type="text/javascript" src="../js/jquery-1.8.3.min.js" th:src="@{static/js/jquery-1.8.3.min.js}"></script>
<script type="text/javascript" src="../js/template.js" th:src="@{static/js/template.js}"></script>




<script src="https://cdn.bootcss.com/html2canvas/0.5.0-beta4/html2canvas.js"></script>
<script src="https://cdn.bootcss.com/jspdf/1.3.4/jspdf.debug.js"></script>





<link rel="bookmark" href="http://www.101test.com/assets/img/favicon.ico">
<link rel="shortcut icon" href="http://www.101test.com/assets/img/favicon.ico">
<link rel="stylesheet" href="../layuiadmin/layui/css/layui.css" th:href="@{static/layuiadmin/layui/css/layui.css}" media="all">
<link rel="stylesheet" href="../layuiadmin/style/admin.css" th:href="@{static/layuiadmin/style/admin.css}" media="all">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!--[if IE]>
<script>window.IS_IE = true;</script>
<![endif]-->
<!--[if lt IE 9]>
<script src="/core/es5-shim.min.js"></script>
<script src="/core/respond.min.js"></script>
<p class="browsehappy alert alert-warning tc">
    你正在使用一个<strong>过时</strong>的浏览器。请<a class="link" target="_blank" href="http://browsehappy.com">升级你的浏览器</a>以查看此页面。</p>
</p>
<![endif]-->
<!--[if lt IE 10]>
<script src="/core/requestAnimationFrame.js"></script>
<![endif]-->

<script>
    window.SETS = {
        params: JSON.parse('{\"groupId\":\"\",\"candidateId\":\"12000753\",\"paperId\":\"455313\"}') || {},
        request: JSON.parse('{\"pageType\":\"4\",\"testId\":\"43713549\"}') || {},
        user: {
        	login: false // 未登录!
        },
        company: {},
        env: {
            isCompanyDomain: false,
            loginType: 1,
            root: "http://www.101test.com/"
        },
        local: {}
    };

    window.SETS.user = JSON.parse('{\"employerId\":712267,\"registerType\":2,\"employerType\":1,\"employerName\":\"\u522B\u95EE\uFF0C\u95EE\u5C31\u662F\u5E05\",\"companyId\":712,\"belongId\":0,\"username\":\"_712267\",\"phone\":\"18640389228\",\"password\":\"H6m_KaKoLyE6U22AfCeeQpCH-7G7QyLMxMYJo92cejlIvLmvGmXz59GTweah59_mpU4hgFi-9UA6csWPYCofgw\",\"state\":1,\"createDate\":1560309664000,\"authorities\":\"ROLE_USER\",\"features\":0,\"vipMode\":0,\"imgUrl\":\"https:\/\/101test-private.oss-cn-beijing.aliyuncs.com\/user\/image\/null\/mVGyCAs6dBpbX7Ch75LCfm4IYVoAiQgv_1560309758817%4080w_80h.JPG?Expires=9223372036854775&OSSAccessKeyId=YvDPojSAo3YgjMXF&Signature=ODKxkue1NcTfVcimUJMfzisAf2c%3D\",\"clientIp\":\"211.137.23.194\",\"os\":\"WINDOWS\",\"browser\":\"CHROME\",\"browserVersion\":\"74.0.3729.131\",\"createdBy\":0,\"regionSyncFlag\":true}') || {};
    window.SETS.user.login = true;
    window.SETS.user.isCompanyAdmin = false;
    window.SETS.user.isCompanyUser = false;
    window.SETS.user.isVip = false;
    window.SETS.user.isVipOrCompanyUser = window.SETS.user.isVip || window.SETS.user.isCompanyUser;
    window.SETS.user.inviteCode = '2FCY0R';
    
    window.showBlackBar = false
</script>    
<script>
    window["webpackManifest"] = {"0":"0.1c50b.js","1":"1.f9de7.js","3":"vendor.5d63d.js","4":"report-detail.abe64.js","5":"paper-print.82b2c.js","6":"company-store-home.84a5a.js","7":"store-single-question.fab20.js","8":"my-demo.7709d.js"}
</script>
            
<link rel="stylesheet" href="../css/marking_files/lib.cba36.css" th:href="@{static/css/marking_files/lib.cba36.css}">
<link rel="stylesheet" href="../css/marking_files/vendor.06453.css" th:href="@{static/css/marking_files/vendor.06453.css}">
<link rel="stylesheet" href="../css/marking_files/report-detail.33547.css" th:href="@{static/css/marking_files/report-detail.33547.css}">
 <script type="text/javascript" charset="utf-8" async="" src="../css/marking_files/1.b8b3c.js.下载" th:src="@{static/css/marking_files/1.b8b3c.js.下载}"></script>
 <style type="text/css">.CodeMirror{font-family:monospace;height:300px;color:#000;direction:ltr}.CodeMirror-lines{padding:4px 0}.CodeMirror pre{padding:0 4px}.CodeMirror-gutter-filler,.CodeMirror-scrollbar-filler{background-color:#fff}.CodeMirror-gutters{border-right:1px solid #ddd;background-color:#f7f7f7;white-space:nowrap}.CodeMirror-linenumber{padding:0 3px 0 5px;min-width:20px;text-align:right;color:#999;white-space:nowrap}.CodeMirror-guttermarker{color:#000}.CodeMirror-guttermarker-subtle{color:#999}.CodeMirror-cursor{border-left:1px solid #000;border-right:none;width:0}.CodeMirror div.CodeMirror-secondarycursor{border-left:1px solid silver}.cm-fat-cursor .CodeMirror-cursor{width:auto;border:0!important;background:#7e7}.cm-fat-cursor div.CodeMirror-cursors{z-index:1}.cm-fat-cursor-mark{background-color:rgba(20,255,20,.5);-webkit-animation:blink 1.06s steps(1) infinite;animation:blink 1.06s steps(1) infinite}.cm-animate-fat-cursor{width:auto;border:0;-webkit-animation:blink 1.06s steps(1) infinite;animation:blink 1.06s steps(1) infinite;background-color:#7e7}@-webkit-keyframes blink{50%{background-color:transparent}}@keyframes blink{50%{background-color:transparent}}.cm-tab{display:inline-block;text-decoration:inherit}.CodeMirror-rulers{position:absolute;left:0;right:0;top:-50px;bottom:-20px;overflow:hidden}.CodeMirror-ruler{border-left:1px solid #ccc;top:0;bottom:0;position:absolute}.cm-s-default .cm-header{color:#00f}.cm-s-default .cm-quote{color:#090}.cm-negative{color:#d44}.cm-positive{color:#292}.cm-header,.cm-strong{font-weight:700}.cm-em{font-style:italic}.cm-link{text-decoration:underline}.cm-strikethrough{text-decoration:line-through}.cm-s-default .cm-keyword{color:#708}.cm-s-default .cm-atom{color:#219}.cm-s-default .cm-number{color:#164}.cm-s-default .cm-def{color:#00f}.cm-s-default .cm-variable-2{color:#05a}.cm-s-default .cm-type,.cm-s-default .cm-variable-3{color:#085}.cm-s-default .cm-comment{color:#a50}.cm-s-default .cm-string{color:#a11}.cm-s-default .cm-string-2{color:#f50}.cm-s-default .cm-meta,.cm-s-default .cm-qualifier{color:#555}.cm-s-default .cm-builtin{color:#30a}.cm-s-default .cm-bracket{color:#997}.cm-s-default .cm-tag{color:#170}.cm-s-default .cm-attribute{color:#00c}.cm-s-default .cm-hr{color:#999}.cm-s-default .cm-link{color:#00c}.cm-invalidchar,.cm-s-default .cm-error{color:red}.CodeMirror-composing{border-bottom:2px solid}div.CodeMirror span.CodeMirror-matchingbracket{color:#0b0}div.CodeMirror span.CodeMirror-nonmatchingbracket{color:#a22}.CodeMirror-matchingtag{background:rgba(255,150,0,.3)}.CodeMirror-activeline-background{background:#e8f2ff}.CodeMirror{position:relative;overflow:hidden;background:#fff}.CodeMirror-scroll{overflow:scroll!important;margin-bottom:-30px;margin-right:-30px;padding-bottom:30px;height:100%;outline:0;position:relative}.CodeMirror-sizer{position:relative;border-right:30px solid transparent}.CodeMirror-gutter-filler,.CodeMirror-hscrollbar,.CodeMirror-scrollbar-filler,.CodeMirror-vscrollbar{position:absolute;z-index:6;display:none}.CodeMirror-vscrollbar{right:0;top:0;overflow-x:hidden;overflow-y:scroll}.CodeMirror-hscrollbar{bottom:0;left:0;overflow-y:hidden;overflow-x:scroll}.CodeMirror-scrollbar-filler{right:0;bottom:0}.CodeMirror-gutter-filler{left:0;bottom:0}.CodeMirror-gutters{position:absolute;left:0;top:0;min-height:100%;z-index:3}.CodeMirror-gutter{white-space:normal;height:100%;display:inline-block;vertical-align:top;margin-bottom:-30px}.CodeMirror-gutter-wrapper{position:absolute;z-index:4;background:0 0!important;border:none!important}.CodeMirror-gutter-background{position:absolute;top:0;bottom:0;z-index:4}.CodeMirror-gutter-elt{position:absolute;cursor:default;z-index:4}.CodeMirror-gutter-wrapper ::selection{background-color:transparent}.CodeMirror-gutter-wrapper ::-moz-selection{background-color:transparent}.CodeMirror-lines{cursor:text;min-height:1px}.CodeMirror pre{border-radius:0;border-width:0;background:0 0;font-family:inherit;font-size:inherit;margin:0;white-space:pre;word-wrap:normal;line-height:inherit;color:inherit;z-index:2;position:relative;overflow:visible;-webkit-tap-highlight-color:transparent;-webkit-font-variant-ligatures:contextual;-moz-font-variant-ligatures:contextual;font-variant-ligatures:contextual}.CodeMirror-wrap pre{word-wrap:break-word;white-space:pre-wrap;word-break:normal}.CodeMirror-linebackground{position:absolute;left:0;right:0;top:0;bottom:0;z-index:0}.CodeMirror-linewidget{position:relative;z-index:2;padding:.1px}.CodeMirror-rtl pre{direction:rtl}.CodeMirror-code{outline:0}.CodeMirror-gutter,.CodeMirror-gutters,.CodeMirror-linenumber,.CodeMirror-scroll,.CodeMirror-sizer{box-sizing:content-box}.CodeMirror-measure{position:absolute;width:100%;height:0;overflow:hidden;visibility:hidden}.CodeMirror-cursor{position:absolute;pointer-events:none}.CodeMirror-measure pre{position:static}div.CodeMirror-cursors{visibility:hidden;position:relative;z-index:3}.CodeMirror-focused div.CodeMirror-cursors,div.CodeMirror-dragcursors{visibility:visible}.CodeMirror-selected{background:#d9d9d9}.CodeMirror-focused .CodeMirror-selected{background:#d7d4f0}.CodeMirror-crosshair{cursor:crosshair}.CodeMirror-line::selection,.CodeMirror-line>span::selection,.CodeMirror-line>span>span::selection{background:#d7d4f0}.CodeMirror-line::-moz-selection,.CodeMirror-line>span::-moz-selection,.CodeMirror-line>span>span::-moz-selection{background:#d7d4f0}.cm-searching{background-color:#ffa;background-color:rgba(255,255,0,.4)}.cm-force-border{padding-right:.1px}@media print{.CodeMirror div.CodeMirror-cursors{visibility:hidden}}.cm-tab-wrap-hack:after{content:''}span.CodeMirror-selectedtext{background:0 0}</style>
<style>
#main{
	width: 88%;
	margin-left: 12%;
/*	margin-right: auto;*/
}
</style>
</head>

<body>
	 <!--<br /><br /><br /><br /><br /><br />-->
    <script>window.SETS.local = JSON.parse('{\u0022self\u0022:true}') || {};</script>
    <div  class="container report-detail-wrapper pure-pre pt20" style="margin-top: -10px;" id="main">
    <div class="row">
    <div class=" col-md-10 ">
    <div id="PDF" class="panel panel-default mb0">
    <div class="panel-body">
    <div class="report-basic" id="report-basic">
    <!--<hr id="jibenxinxi" style="height:1px;border:none;border-top:1px solid #555555;" />-->
    <!--<span id="jibenxinxi">&nbsp;</span>-->
    <h3 id="jibenxinxi" class="tc fn report-title">试卷预览</h3>
	</div>   


<div class="report-answer" id="report-answer">
    <div class="section-title"><a id="datiqingkuang">试题情况</a></div>
    <div id="xunhuan"></div>
    <div th:if="${#objects.nullSafe(forChoiceQuestion,default)}">
    <div class="part-title" id="xuanzeti">
    	选择题（共
    	<span th:text="${getXuanZeNum}"></span>
    	道题）
    </div>
    	<div th:each="forChoiceQuestion:${forChoiceQuestion}">
        	<div class="question ">
				<div class="q-panel right">
					<i style="font-style:normal" th:text="${forChoiceQuestionStat.count}"></i>.  <span class="q-type">[ 选择题 ]</span> 
					<span class="label skill hint--top hint--rounded" th:text="${forChoiceQuestion.abilityType}">未指定技能</span>   
					<div class="pull-right"> <i class="layui-icon layui-icon-ok" style="color: limegreen;"></i> <span class="divider"></span>
						<div class="score-wrapper"> 
						<span class="point">满分: <i style="font-style:normal" th:text="${forChoiceQuestion.score}"></i> </span> 
						</div> 
					</div> 
				</div>

 				<div class="q-subject unselectable" th:text="${forChoiceQuestion.content}">
        			<pre>考古发现，距今约300万年的建始人化石是中国境内目前已知最早的古人类化石。</pre> 
 				</div>
 				
				<ul class="q-options unselectable">
                    <li class="q-option">
                        <i class="layui-icon layui-icon-radio text-medium-gray" th:if="${#strings.containsIgnoreCase(forChoiceQuestion.rightAnswer,'A')}"></i>
                        <i class="layui-icon layui-icon-circle text-medium-gray" th:unless="${#strings.containsIgnoreCase(forChoiceQuestion.rightAnswer,'A')}"></i>
                        <i style="font-style:normal" th:text="${forChoiceQuestion.choice1}"></i>
                    </li>
                    <li class="q-option">
                        <i class="layui-icon layui-icon-radio text-medium-gray" th:if="${#strings.containsIgnoreCase(forChoiceQuestion.rightAnswer,'B')}"></i>
                        <i class="layui-icon layui-icon-circle text-medium-gray" th:unless="${#strings.containsIgnoreCase(forChoiceQuestion.rightAnswer,'B')}"></i>
                        <i style="font-style:normal" th:text="${forChoiceQuestion.choice2}"></i>
                    </li>
                    <li class="q-option">
                        <i class="layui-icon layui-icon-radio text-medium-gray" th:if="${#strings.containsIgnoreCase(forChoiceQuestion.rightAnswer,'C')}"></i>
                        <i class="layui-icon layui-icon-circle text-medium-gray" th:unless="${#strings.containsIgnoreCase(forChoiceQuestion.rightAnswer,'C')}"></i>
                        <i style="font-style:normal" th:text="${forChoiceQuestion.choice3}"></i>
                    </li>
                    <li class="q-option">
                        <i class="layui-icon layui-icon-radio text-medium-gray" th:if="${#strings.containsIgnoreCase(forChoiceQuestion.rightAnswer,'D')}"></i>
                        <i class="layui-icon layui-icon-circle text-medium-gray" th:unless="${#strings.containsIgnoreCase(forChoiceQuestion.rightAnswer,'D')}"></i>
                        <i style="font-style:normal" th:text="${forChoiceQuestion.choice4}"></i>
                    </li>
               </ul>
                <div class="q-text">
                	<p>正确答案：</p>
                	<i style="font-style:normal" th:text="${forChoiceQuestion.rightAnswer}"></i>
            	</div>
        	</div>
      </div>
    </div>
    
    <div th:if="${#objects.nullSafe(forJudgeQuestion,default)}">
      <div class="part-title" id="panduanti">
    	判断题（共
    	<span th:text="${getPanDuanNum}"></span>
    	道题）
      </div>
      <div th:each="forJudgeQuestion:${forJudgeQuestion}">
      	<div class="question ">
				<div class="q-panel right" >
					<i style="font-style:normal" th:text="${forJudgeQuestionStat.count}"></i>.  <span class="q-type">[ 判断题 ]</span> 
					<span class="label skill hint--top hint--rounded" th:text="${forJudgeQuestion.abilityType}">未指定技能</span>   
					<div class="pull-right"> <i class="layui-icon layui-icon-ok" style="color: limegreen;"></i> <span class="divider"></span>
						<div class="score-wrapper"> 
						<span class="point">满分: <i style="font-style:normal" th:text="${forJudgeQuestion.score}"></i> </span> 
						</div> 
					</div> 
				</div>

 				<div class="q-subject unselectable" th:text="${forJudgeQuestion.content}">
        			<pre>考古发现，距今约300万年的建始人化石是中国境内目前已知最早的古人类化石。</pre> 
 				</div>
 				
				<ul class="q-options unselectable">
                    <li class="q-option">
                        <i class="layui-icon layui-icon-radio text-medium-gray" th:if="${#strings.containsIgnoreCase(forJudgeQuestion.rightAnswer,'A')}"></i>
                        <i class="layui-icon layui-icon-circle text-medium-gray" th:unless="${#strings.containsIgnoreCase(forJudgeQuestion.rightAnswer,'A')}"></i>
                        <i style="font-style:normal" th:text="${forJudgeQuestion.choice1}"></i>
                    </li>
                    <li class="q-option">
                        <i class="layui-icon layui-icon-radio text-medium-gray" th:if="${#strings.containsIgnoreCase(forJudgeQuestion.rightAnswer,'B')}"></i>
                        <i class="layui-icon layui-icon-circle text-medium-gray" th:unless="${#strings.containsIgnoreCase(forJudgeQuestion.rightAnswer,'B')}"></i>
                        <i style="font-style:normal" th:text="${forJudgeQuestion.choice2}"></i>
                    </li>
                </ul>
                <div class="q-text">
                	<p>正确答案：</p>
                	<i style="font-style:normal" th:text="${forJudgeQuestion.rightAnswer}"></i>
            	</div>
        	</div>
      </div>
    </div>

	<div th:if="${#objects.nullSafe(forTianKongQuestion,default)}">
      <div class="part-title" id="tiankongti">
    	填空题（共
    	<span th:text="${getTianKongNum}"></span>
    	道题）
      </div>
      <div th:each="forTianKongQuestion:${forTianKongQuestion}">
      	<div class="question ">
				<div class="q-panel right">
					<i style="font-style:normal" th:text="${forTianKongQuestionStat.count}"></i>.  <span class="q-type">[ 判断题 ]</span> 
					<span class="label skill hint--top hint--rounded" th:text="${forTianKongQuestion.abilityType}">未指定技能</span>   
					<div class="pull-right"> <i class="layui-icon layui-icon-ok" style="color: limegreen;"></i> <span class="divider"></span>
						<div class="score-wrapper"> 
						<span class="point">满分: <i style="font-style:normal" th:text="${forTianKongQuestion.score}"></i> </span> 
						</div> 
					</div> 
				</div>

 				<div class="q-subject unselectable" th:text="${forTianKongQuestion.content}">
        			<pre>考古发现，距今约300万年的建始人化石是中国境内目前已知最早的古人类化石。</pre> 
 				</div>
                <div class="q-text">
                	<p>正确答案：</p>
                	<i style="font-style:normal" th:text="${forTianKongQuestion.rightAnswer}"></i>
            	</div>
        	</div>
      </div>
    </div>
    
    <div th:if="${#objects.nullSafe(forWenDaQuestion,default)}">
      <div class="part-title" id="wendati">
    	问答题（共
    	<span th:text="${getWenDaNum}"></span>
    	道题）
      </div>
      <div th:each="forWenDaQuestion:${forWenDaQuestion}">
      	<div class="question ">
				<div class="q-panel right">
					<i style="font-style:normal" th:text="${forWenDaQuestionStat.count}"></i>.  <span class="q-type">[ 问答题 ]</span> 
					<span class="label skill hint--top hint--rounded" th:text="${forWenDaQuestion.abilityType}">未指定技能</span>   
					<div class="pull-right"> <i class="layui-icon layui-icon-ok" style="color: limegreen;"></i> <span class="divider"></span>
						<div class="score-wrapper"> 
						<span class="point">满分: <i style="font-style:normal" th:text="${forWenDaQuestion.score}"></i> </span> 
						</div> 
					</div> 
				</div>

 				<div class="q-subject unselectable" th:text="${forWenDaQuestion.content}">
        			<pre>考古发现，距今约300万年的建始人化石是中国境内目前已知最早的古人类化石。</pre> 
 				</div>
                <div class="q-text">
                	<p>正确答案：</p>
                	<i style="font-style:normal" th:text="${forWenDaQuestion.rightAnswer}"></i>
            	</div>
        	</div>
      </div>
    </div>
</div>
</div>
</div>

<!--<div class="col-md-2 p0 hidden-print"><div> 
	<div class="vue-affix" style="top: 0px; left: 1026px; width: 195px; margin-top: 60px;">
		<div class="report-toolbar">
	    <div class="panel panel-default">
	        <div class="panel-body">
	            <div>
	                <i class="layui-icon layui-icon-release"></i>
	                <span class="fb text-muted">内容</span>
	            </div>
	            <div class="mt10">
	                <ul class="links">
	                    <li><a th:href="@{'preview?paper_id='+${paper_id}+'#xuanzeti'}">选择题</a></li>
	                    <li><a th:href="@{'preview?paper_id='+${paper_id}+'#panduanti'}">判断题</a></li>
	                    <li><a th:href="@{'preview?paper_id='+${paper_id}+'#tiankongti'}">填空题</a></li>
	                    <li><a th:href="@{'preview?paper_id='+${paper_id}+'#wendati'}">问答题</a></li>
	                 </ul>
	            </div>
	        </div>
	     </div>
		</div> 
	</div> 
</div>
</div>-->
</div>
</div>

<script>
    var _hmt = _hmt || [];
    (function () {
        var hm = document.createElement("script");
        hm.src = "//hm.baidu.com/hm.js?e16bac3df70cc77a3932bd0f15bfbed6";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
    })();
</script>
    
<script src="../css/marking_files/lib.10ef5.js.下载" th:src="@{static/css/marking_files/lib.10ef5.js.下载}"></script>
<script src="../css/marking_files/vendor.18558.js.下载" th:src="@{static/css/marking_files/vendor.18558.js.下载}"></script>
<script src="../css/marking_files/report-detail.f47f4.js.下载" th:src="@{static/css/marking_files/report-detail.f47f4.js.下载}"></script>
    
    <div class="fade modal" id="ali-player-modal" tabindex="-1" role="dialog" aria-hidden="true">
    	<div class="modal-dialog">
    		<div class="modal-content">
    			<div class="modal-header">
    				<div class="audio-mark">
    					<img class="dynamic" src="../css/marking_files/audio1.gif" th:src="@{static/css/marking_files/audio1.gif}">
    					<img class="static" src="../css/marking_files/audio.png" th:src="@{static/css/marking_files/audio.png}">
    				</div>
    				<div class="loading">加载中 <i class="fa fa-spinner fa-spin"></i></div>
    				<button type="button" class="close">
    					<span aria-hidden="true">×</span>
    					<span class="sr-only">Close</span>
    				</button>
    			</div>
    			<div class="modal-body">
    				<div id="J_prismPlayer" class="prism-player"></div>
    			</div>
    			<div class="modal-footer">
    				<div class="full-btn"><i class="fa fa-expand"></i><i class="fa fa-compress"></i></div>
    			</div>
    		</div>
    	</div>
    </div>
</div>

<script src="../layuiadmin/layui/layui.js" th:src="@{static/layuiadmin/layui/layui.js}"></script>

<style>
	.form-control11 { 
		display: block;
		margin: auto;
		width: 90%; 
		height: 263px; 
		padding: 5px 5px; 
		font-size: 14px; 
		line-height: 1.428571429; 
		color: #555555; 
		vertical-align: middle; 
		background-color: #ffffff; 
		border: 1px solid lightblue; 
		border-radius: 4px; 
		-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); 
		box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); 
		-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; 
		transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; 
	} 
	.form-control11:focus { 
		border-color: #66afe9; 
		outline: 0; 
		background-color: whitesmoke;
		-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); 
		box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); 
	} 
</style>

</body>
</html>